<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>系统菜单列表</title>
    <link rel="stylesheet" type="text/css" href="..//layui/css/layui.css" th:href="@{/static/layui/css/layui.css}" media="all">
    <link rel="stylesheet" type="text/css" href="../static/css/public.css" th:href="@{/static/css/public.css}" media="all">
    <style type="text/css">
        input {
            height: 38px;
            padding: 0 7px;
            border: 1px solid #ccc;
        }
        input:focus {
            border-color: #009E94;
        }
        /** 未展开 */
        .treeTable-icon .layui-icon-layer:before {
            content: "\e638";
        }
        /** 展开 */
        .treeTable-icon.open .layui-icon-layer:before {
            content: "\e638";
        }
        .treeTable-icon .layui-icon-file:before {
            content: "\e621";
        }
        /** 未展开 */
        .treeTable-icon .layui-icon-triangle-d:before {
            content: "\e623";
        }
        /** 展开 */
        .treeTable-icon.open .layui-icon-triangle-d:before {
            content: "\e625";
        }
    </style>
</head>
<body>
<body class="childrenBody">
    <blockquote class="layui-elem-quote quoteBox">
        <form class="layui-form layui-row">
            <div class="layui-col-md6">
                <div class="layui-inline">
                    <div class="layui-input-inline">
                        <input type="text" class="layui-input searchVal" placeholder="请输入搜索的菜单名" />
                    </div>
                    <a class="layui-btn search_btn" data-type="reload">搜索</a>
                </div>
                <div class="layui-inline">
                    <a class="layui-btn layui-btn-normal addMenu_btn">添加菜单</a>
                </div>
                <div class="layui-inline">
                    <a class="layui-btn layui-btn-danger layui-btn-normal delAll_btn">批量删除</a>
                </div>
            </div>
            <div class="layui-inline layui-col-md3 layui-col-md-offset6">
                <a class="layui-btn" id="btn-expand">全部展开</a>
                <a class="layui-btn" id="btn-fold">全部折叠</a>
            </div>
        </form>
    </blockquote>

    <table id="auth-table" class="layui-table" lay-filter="auth-table"></table>
</div>
<!-- 操作列 -->
<script type="text/html" id="oper-col">
    <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="edit" style="">修改</a>
    <a class="layui-btn  layui-btn-warm layui-btn-xs " lay-event="add"  style="">新增</a>
    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
</script>

<script type="text/javascript" src="/static/layui/layui.js" th:src="@{/static/layui/layui.js}"></script>
<script type="text/javascript" src="/static/js/menuTreeList.js" th:src="@{/static/js/menuList.js}"></script>
</body>
</html>